<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en"> 
<head>
	<meta charset="utf-8" />
	<title>Metronic | Pages - Blog</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="<%=path %>/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path %>/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path %>/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path %>/media/css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path %>/media/css/style.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path %>/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path %>/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="<%=path %>/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<link href="<%=path %>/media/css/jquery.fancybox.css" rel="stylesheet" />

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link href="<%=path %>/media/css/blog.css" rel="stylesheet" type="text/css"/>
	<link href="<%=path %>media/css/news.css" rel="stylesheet" type="text/css">
	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="<%=path %>/media/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed page-full-width">
	<!-- BEGIN HEADER -->
	<jsp:include page="../include/head.jsp"/>
	<!-- END HEADER -->

	<!-- BEGIN CONTAINER -->   
	<div class="page-container">
		<!-- BEGIN PAGE -->
		<div class="page-content">
			<!-- BEGIN PAGE CONTAINER-->

			<div class="container">

				<!-- BEGIN PAGE HEADER-->

				<div class="row-fluid" >

					<div class="span12" >
					<strong class="text-success"><i class="icon-volume-up"></i> </strong> 站点建设中...	
					<h7>&nbsp;</h7>
					<ul class="breadcrumb">
						<li>
							<i class="icon-home"></i>
							<a href="blogIndex.do">博客</a> 							
						</li>
					</ul>
					</div>
				</div>
	

				<!-- END PAGE HEADER-->

				<!-- BEGIN PAGE CONTENT-->

				<div class="row-fluid">

					<div class="row-fluid page-content">

						<div class="span12 ">	
												
							<div class="span9 article-block">
								<c:forEach var="blogs" items="${map.objectList }">
									<div class="row-fluid news-blocks" >								
									<div class="span4 blog-img blog-tag-data">
										<span class="badge badge-info">${blogs.theme.themeName}</span>
										<img src="media/image/image3.jpg" width="250px"  alt="">
										<ul class="unstyled inline">
											<li><i class="icon-calendar"></i> <a href="#">${blogs.blogTime}</a></li>
											<li><i class="icon-comments"></i> <a href="#">${blogs.blogTimes}</a></li>
										</ul>
										<ul class="unstyled inline blog-tags">
											<li>
												<i class="icon-tags"></i> 
												<c:forEach var="tag" items="${blogs.tagList}">
													<a href="#">${tag.tagName}</a> 
												</c:forEach>											
											</li>
										</ul>
									</div>
									<div class="span8 blog-article">

										<h3><a href="getBlogById.do?id=${blogs.id}&&times=${blogs.blogTimes}">${blogs.blogTitle}</a></h3>
																						
										<p style="line-height: 24px;font-size: 18px;font-family: 宋体;">${fn:substring(blogs.blogContent, 3, 100)}....</p>

										<a class="btn blue" style="float: right" href="getBlogById.do?id=${blogs.id}&&times=${blogs.blogTimes}">

										Read more 

										<i class="m-icon-swapright m-icon-white"></i>

										</a>

									</div>

								</div>
								<hr>
								</c:forEach>
								<div class="pagination pagination-right">
									<jsp:include page="../include/page.jsp"/>
								</div>	
							</div>
							<!--end span9-->
							<jsp:include page="../include/blog_sidebar.jsp"/>
							
					</div>

				</div>

				<!-- END PAGE CONTENT-->

			</div>

			<!-- END PAGE CONTAINER--> 

		</div>

		<!-- END PAGE -->    

	</div>

	<!-- END CONTAINER -->

	<!-- BEGIN FOOTER -->
	<jsp:include page="../include/foot.jsp"/>
	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="<%=path %>/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="<%=path %>/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="<%=path %>/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      

	<script src="<%=path %>/media/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="../media/js/excanvas.min.js"></script>

	<script src="../media/js/respond.min.js"></script>  

	<![endif]-->   

	<script src="<%=path %>/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="<%=path %>/media/js/jquery.blockui.min.js" type="text/javascript"></script>  

	<script src="<%=path %>/media/js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="<%=path %>/media/js/jquery.uniform.min.js" type="text/javascript" ></script>

	<!-- END CORE PLUGINS -->

	<script src="<%=path %>/media/js/app.js"></script>      

	<script>

		jQuery(document).ready(function() {    

		   App.init();

		   $("#navTop > li[title='blog']").addClass("active");
		});
		

	</script>

	<!-- END JAVASCRIPTS -->

<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>

</html>